<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>item</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<style type="text/css">
		.item-container{
			width: 25%;
			display: inline-block;
			border: 1px solid #eee;
			box-sizing: border-box;
			position: relative;
			margin-right: -1px;
			margin-bottom: -1px;
		}
		.item-container img{
			width: 260px;
			height: 154px;
			padding: 13px 15px 17px;
		}
		.item-content{
			padding: 0 16px;
		}
		.item-content > h3 > a{
			color: #6b6a6b;
		}
		.item-content > p{
			margin-top: 10px;
			margin-bottom: 15px;
			font-size: 14px;
			color: #999;
		}
		.item-price{
			height: 20px;
			line-height: 20px;
		}
		.item-price span:first-child{
			font-size: 20px;
			color: #fb500b;
		}
		.item-price span:nth-child(2){
			font-size: 12px;
			padding-left: 5px;
			color: #999;
		}
		.item-price span:nth-child(2) > i{
			text-decoration: line-through;
		}
		.item-price span:last-child{
			color: #999;
		}
		.item-star{
			height: 20px;
			border-top: 1px dotted #999;
			margin-top: 8px;
			padding-top: 10px;
			line-height: 15px;
			padding-bottom: 10px;
		}
		.item-star > span:first-child{
			width: 94px;
			height: 16px;
			background-color: #fb500b;
			color: #fff;
			text-align: center;
		}
		.item-star .outer{
			background: url("images/star/star.png");
			width: 60px;
			height: 12px;
			display: inline-block;
			margin-left:25px;
		}
		.item-star .inner{
			background: url("images/star/star-hover.png");
			width: 54px;
			height: 12px;
			display: inline-block;
		}

		.item-container > span{
			position: absolute;
			display: inline-block;
		}
		.item-container > span:nth-of-type(1){
			background: url("images/spring/base.png") 0 -620px no-repeat;
			width: 40px;
			height: 40px;
			top: 9px;
			left: 15px;
		}
		.item-container > span:nth-of-type(2){
	    background: url(images/spring/base.png) 0 -452px no-repeat;
	    width: 44px;
	    height: 40px;
	    top: 9px;
	    left: 54px;
		}

		.famous .item-container{
			width: 20%;
		}
		.famous img{
			width: 206px;
			height: 125px;
		}
	</style>
</head>
<body>

<div class="food commonWidth clearfix">
	<h2>美食</h2>
	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>

	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>

	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>

	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>

	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>

	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>

	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>

	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>
</div>

<div class="famous commonWidth clearfix">
	<h2>名店抢购</h2>
	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>

	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>

	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>

	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>
	
	<div class="item-container fl">
		<a href="javascript:void(0)">
			<img src="images/food-pic6.jpg">
		</a>
		<span></span>
		<span></span>
		<div class="item-content">
			<h3><a href="javascript:void(0)">[12店通用] 俏江南</a></h3>
			<p>100元代金券1张，全场通用，可叠加使用</p>
			<div class="item-price">
				<span class="fl">￥75</span>
				<span class="fl">门店价<i>￥100</i></span>
				<span class="fr">已售119459</span>
			</div>
			<div class="item-star">
				<span class="fl">新用户立减25元</span>
				<span class="outer fl">
					<span class="inner"></span>
				</span>
				<a href="javascript:void(0)" class="fr">
					10117人评价
				</a>
			</div>
		</div>
	</div>

</div>

</body>
</html>